<!doctype html>
<html lang="zh-CN">

<head>
    <title>首页</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/com-hea.css">
    <link rel="stylesheet" href="./css/com-bottom.css">
    <link rel="stylesheet" href="./css/news.css">
</head>

<body>

    <!-- 公共头部 -->
    <div style="box-shadow: 0 0 15px #eee;">
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span>
                    <a href="index.html">首页</a>
                </span>
                    <span>
                    <a href="over-meth.html">行业方案</a>
                </span>
                    <span>
                    <a href="cooperation.html">合作案例</a>
                </span>
                    <span class='hea-active'>
                    <a href="">新闻中心</a>
                </span>
                    <span>
                    <a href="intro-we.html">关于我们</a>
                </span>
                    <span>
                    <a href="find-we.html">联系我们</a>
                </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 公共头部 -->

    <!-- 滚动公共头部 -->
    <div id='scr-hea'>
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span>
                        <a href="index.html">首页</a>
                    </span>
                    <span>
                        <a href="over-meth.html">行业方案</a>
                    </span>
                    <span>
                        <a href="cooperation.html">合作案例</a>
                    </span>
                    <span class='hea-active'>
                        <a href="">新闻中心</a>
                    </span>
                    <span>
                        <a href="intro-we.html">关于我们</a>
                    </span>
                    <span>
                        <a href="find-we.html">联系我们</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 滚动公共头部 -->

    <div class='hea-title-font'>
        新闻中心
    </div>

    <div class='margin-center'>
        <div class='news-list'>
            <div>
                <p>15</p>
                <p>Dec</p>
                <p>2018</p>
            </div>
            <div>
                <h1 class='news-title'>智鼎溯源能入选《2018区块链应用示范项目集》</h1>
                <div class='news-font'>
                    <img src="./img/news-per.png" height="250px">
                    <div>
                        <div>
                            <p>

                                是大家看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖啡机哈桑的痕迹发士大夫
                            </p>
                        </div>
                        <a href="news-info.html">查看详情 ></a>
                    </div>
                </div>
                <div class='dis-spa new-read'>
                    <p>
                        <span>阅读量：</span>
                        <span>12450</span>
                    </p>
                    <p>
                        <span>转发量：</span>
                        <span>120</span>
                    </p>
                    <p>
                        <span>分享到：</span>
                        <span>nihao </span>
                    </p>
                </div>
            </div>
        </div>
        <div class='news-list'>
            <div>
                <p>15</p>
                <p>Dec</p>
                <p>2018</p>
            </div>
            <div>
                <h1 class='news-title'>智鼎溯源能入选《2018区块链应用示范项目集》</h1>
                <div class='news-font'>
                    <img src="./img/news-per.png" height="250px">
                    <div>
                        <div>
                            <p>

                                是大家看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖啡机哈桑的痕迹发士大夫
                            </p>
                        </div>
                        <a href="">查看详情 ></a>
                    </div>
                </div>
                <div class='dis-spa new-read'>
                    <p>
                        <span>阅读量：</span>
                        <span>12450</span>
                    </p>
                    <p>
                        <span>转发量：</span>
                        <span>120</span>
                    </p>
                    <p>
                        <span>分享到：</span>
                        <span>nihao </span>
                    </p>
                </div>
            </div>
        </div>
        <div class='news-list'>
            <div>
                <p>15</p>
                <p>Dec</p>
                <p>2018</p>
            </div>
            <div>
                <h1 class='news-title'>智鼎溯源能入选《2018区块链应用示范项目集》</h1>
                <div class='news-font'>
                    <img src="./img/news-per.png" height="250px">
                    <div>
                        <div>
                            <p>
                                是大家看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖看法空间速度加快立法空间是大家看法十点零分哈和如果上岛咖啡那就埃克设计的付款啊撒旦克里夫和框架和弱覆盖安德森咖啡机哈桑的痕迹发士大夫
                            </p>
                        </div>
                        <a href="">查看详情 ></a>
                    </div>
                </div>
                <div class='dis-spa new-read'>
                    <p>
                        <span>阅读量：</span>
                        <span>12450</span>
                    </p>
                    <p>
                        <span>转发量：</span>
                        <span>120</span>
                    </p>
                    <p>
                        <span>分享到：</span>
                        <span>nihao </span>
                    </p>
                </div>
            </div>
        </div>

        <div class='page-trans'>
            <span style="opacity:0">1</span>
            <div class='dis-spa news-page-wrap'>
                <span><a href=""><</a></span>
                <div class='page-num'>
                    <span class='page-active'><a href="">1</a></span>
                    <span><a href="">2</a></span>
                    <span><a href="">3</a></span>
                    <span><a href="">4</a></span>
                    <span><a href="">5</a></span>
                    <span><a href="">...</a></span>
                    <span><a href="">100</a></span>
                </div>
                <span><a href="">></a></span>
            </div>
        </div>
    </div>

    <!-- 公共底部 -->
    <div style="min-width:1500px;position: relative;">
        <img src="./img/bottom-bg.png" width="100%" height="350px">
        <div class='swi-3-wrap'>
            <div class="swiper-container swi-3" style="width:100%;height: 100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
    </div>

    <div class='com-bottom'>
        <div class='dis-spa com-bot-top'>
            <div class='com-bottom-left'>
                <p>
                    <img src="./img/logo-2 .png" style="width:124px;height:40px;">
                </p>
                <div id='bottom-a'>
                    <a href="index.html">首页</a>
                    <a href="over-meth.html">行业方案</a>
                    <a href="cooperation.html">合作案例</a>
                    <a class='bom-a-active' href="news.html">新闻中心</a>
                    <a href="intro-we.html">关于我们</a>
                    <a href="find-we.html">联系我们</a>
                </div>
            </div>
            <div class='com-bottom-right'>
                <p>总部：重庆市渝中区经纬大道789号美源.美源大厦12层</p>
                <p>联系电话：023-63410620</p>
                <p>邮箱：service@xi-tech.com.cn</p>
                <p>微信：17353262583 17365294814</p>
            </div>
        </div>
        <div class='dis-spa com-bot-bottom'>
            <p>©20178中国区块链溯源信息系统-智鼎溯源 备案号：1321544421215321231</p>
            <p>
                <img src="./img/logo-2-black.png" height="18px">
            </p>
        </div>
    </div>
    <!-- 公共底部 -->



    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        $('.hea-contro').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 3) {
                $('.hea-active').removeClass('hea-active');
            }
        }, function(el) {
            $($('.hea-contro').eq(0).children()[3]).addClass('hea-active');
            $($('.hea-contro').eq(1).children()[3]).addClass('hea-active');
        });
        $('#bottom-a a').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 3) {
                $('.bom-a-active').removeClass('bom-a-active');
            }
        }, function() {
            $('#bottom-a a').eq(3).addClass('bom-a-active');
        });
    </script>
</body>

</html>